.rui-swipe-action-page-content{
  .list::-webkit-scrollbar { display: none; }
  .list { display: flex; border-top: 1px solid #eee; border-bottom: 1px solid #eee; overflow-y: hidden;}
  .content { padding: .5rem 1rem; line-height: 1.5; flex: 0 0 calc(100vw - 2rem); font-size: 1rem; color: inherit; background-color: #fff; box-shadow: 0 1px #fff, 0 -1px #fff; position: relative; }
  .space { flex: 0 0 4rem; }
  .button { border: 0; padding: 0; font-size: 1rem; color: #fff; width: 4rem; height: 2.5rem; position: absolute; right: 0; outline: 0; }
  .button.rui-danger { background-color: #eb4646; }
  .button.rui-warning { background-color: #f59b00; }
  /* 自动右边缘定位 */
  .scroll-snap { scroll-snap-type: x mandatory; }
  .scroll-snap .space { scroll-snap-align: end; }
  .scroll-snap .content { scroll-snap-align: start; }
  /* 多个按钮定位 */
  .button:nth-of-type(2) { right: 4rem; }
  .button:nth-of-type(3) { right: 8rem; }
  .space:nth-child(4) { flex: 0 0 8rem; }
  .space:nth-child(5) { flex: 0 0 12rem; }
  /* 视差滚动 */
  .perspective { perspective: 1px; transform-style: preserve-3d; perspective-origin: 100% 50%; }
  .perspective .button:last-of-type { transform: translate3D(2rem, 0, 0) scale(2); }
  .perspective .button:first-of-type { transform: translate3D(2rem, 0, 0) scale(4); }
  // .rui-button-content{
  //   width: 300px;
  //   height: 100%;
  //   position: absolute;
  //   right: 0;
  //   outline: 0;
  // }
  // .rui-button-content .rui-button{
  //   width: 150px;
  //   height: 100%;
  //   color: #fff;
  //   background-color: #f59b00;
  // }
  // .rui-space{
  //   flex: 0 0 300px;
  // }
}